<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<link rel="Stylesheet" type="text/css"
		href="../../componentes/estilos/estilo.css" />
</h:head>

<p:panelGrid columns="2" id="panelGridPropriedade">
	<f:facet name="header">Dados da Propriedade</f:facet>

	<h:outputText value="Coordenada UTM:" />
	<h:outputText value="CNPJ da propriedade:" />
	<p:inputText size="40" value="#{propriedadeMB.propriedade.coordenadasUTM}"/>
	<p:inputText size="40" value="#{propriedadeMB.propriedade.cnpj}"/>

	<h:outputText value="Área (ha):" />
	<h:outputText value="Endereço:" />
	<p:inputText size="40" value="#{propriedadeMB.propriedade.areaTotal}"/>
	<p:inputText size="40" value="#{propriedadeMB.propriedade.endereco.rua}"/>

	<h:outputText value="Bairro:" />
	<h:outputText value="Complemento:" />
	<p:inputText size="40" value="#{propriedadeMB.propriedade.endereco.bairro}"/>
	<p:inputText size="40" value="#{propriedadeMB.propriedade.endereco.complemento}"/>

	<h:outputText value="Estado:" />
	<h:outputText value="e-mail:" />
	<p:selectOneMenu value="#{propriedadeMB.estado.id}"
		id="idSelectEstado">
		<f:selectItem itemLabel="Escolha o estado" itemValue="" />
		<f:selectItems value="#{propriedadeMB.listarEstados()}" var="estado"
			itemLabel="#{estado.nome}" itemValue="#{estado.id}" />

		<p:ajax update="idSelectCidade"
			listener="#{propriedadeMB.atualizarCidades()}" />
	</p:selectOneMenu>
	<p:inputText size="40" value=""/>
	
	<h:outputText value="Cidade:" />
	<h:outputText value="CEP:" />
	<p:selectOneMenu id="idSelectCidade"
		value="#{proprietarioMB.cidade.id}">
		<f:selectItems value="#{propriedadeMB.cidades}"
			var="cidade" itemLabel="#{cidade.nome}" itemValue="#{cidade.id}" />
	</p:selectOneMenu>
	<p:inputText size="40" value="#{propriedadeMB.propriedade.endereco.cep}" maxlength="8"/>

	<p:panelGrid columns="2">
		<h:outputLabel value="DDD" />
		<h:outputLabel value="Telefone" />

		<p:inputMask size="2" mask="99"
			value="#{propriedadeMB.propriedade.telefones[0].ddd}" />
		<p:inputMask size="9" mask="9999-9999"
			value="#{propriedadeMB.propriedade.telefones[0].numero}" />

	</p:panelGrid>

</p:panelGrid>
</html>